/*
* @Author: mmall
* @Date:   2017-05-27 18:04:22
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-24 11:27:00
*/

/*样式*/

.wbc-content {
       padding: 10px 10px;
    overflow: hidden;
    background: #fff;
}
.wbc-navbox1 {
    overflow: hidden;
    padding: 0px 20px;
    border: 1px solid #ccc;
}
p.wbc-lis1-title {
    float: left;
    width: 60px;
    line-height: 60px;
    margin-left: 10px;
    color: red;
}
.wbc-lis1-list {
   width: 94%;
    overflow: hidden;
}
 .clearfix {
      *zoom: 1;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.list-nav {
    
}

.list-nav li{
  position: relative;
    border-bottom: 1px dashed #ccc;
    line-height: 45px;
    font-size: 16px;
    overflow: hidden;
}

ul.navlis li button{
    border: 0;
    outline: none;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
    padding:4px 15px;
}
.list-nav li .list-nav-name{
        float: left;
    width: 50px;
    color: red;
    text-align: center;
}
.casebtn {
    float: left;
    width: 1045px;
}
a.list-nav-all {
    color: red;
}
.list-nav li span{
    float: left;
    width: 100px;
    text-align: center;
   cursor: pointer;
}
.oncheck{
    float: left;
    position: relative;
    height: 22px;
    width: 80px;
    line-height: 20px;
    text-align: center;
    padding: 5px 20px;
    border: 1px solid #ee5637;
    border-radius: 3px;
    overflow: hidden;
    margin: 14px 35px 0px 5px;
     border:1px solid #ee5637;
     border-radius: 5px;
}
.wbc-navbox1-checklis {
    overflow: hidden;
    height: 60px;
}
ul.wbc-lis2-list{
   overflow: hidden;
border-bottom: 1px solid #ccc;
}
ul.wbc-lis2-list li{
        float: left;
       height: 30px;
       line-height: 30px;
       margin: 15px 6px 15px 10px;
       width: 100px;
       padding: 0px 5px;
       text-align: center;
}
.wbc-del-check {
    line-height: 60px;
}
.wbc-del-check span{
    float: left;
}
.wbc-del-check ul{
        overflow: hidden;
    float: left;
}
.wbc-del-check li{
    float: left;
    position: relative;
    height: 22px;
    line-height: 20px;
    text-align: center;
    padding: 5px 20px;
    border: 1px solid  #ee5637;
    border-radius: 3px;
    overflow: hidden;
    margin: 14px 20px 0px 12px;
}
.wbc-del-check li i{
        position: absolute;
    right: -20px;
    top: -15px;
    height: 30px;
    width: 30px;
    background: #ee5637;
    color: white;
    text-align: left;
    line-height: 30px;
    border-radius: 50%;
    font-size: 18px;
    padding-left: 9px;
    padding-top: 5px;
    cursor: pointer;
}
svg.clear-icon.icon {
    font-size: 18px;
    color: #777575;
}
svg.store-icon.icon {
    font-size: 17px;
       color: red;
}
svg.serve-icon.icon {
    font-size: 17px; 

}
svg.left-icon.icon,svg.right-icon.icon {
    color: #ccc;
}

/*排序表单*/
.sort-box {
    margin-top: 15px;
    border: 1px solid #ccc;
    height: 50px;
    background: #F2F2F2;
}
.sort-con{
    float: left;
}
.sort-con .sort-item{
   float: left;
    display: inline-block;
    position: relative;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #ccc;
    color: #333;
    cursor: pointer;
}
.sort-con .sort-item span{
    margin-right: 5px;
}
.sort-con .sort-item.active{
    color: #ee5637;
}
.sort-con .sort-item .fa-sort-desc{
  position: absolute;
    top: 16px;
    right: 8px;
}
.sort-con .sort-item.asc .fa-sort-desc{
    opacity: .6;
}
.sort-con .sort-item.desc .fa-sort-asc{
    opacity: .6;
}

.sort-section {
   float: left;
    padding: 8px 23px;
    width: 617px;
}
.sort-section input{
   width: 110px;
    padding-left: 3px;
    height: 30px;
    font-size: 16px;
}
div.select {
       float: left;
    width: 330px;
    position: relative;
    padding-left: 20px;
    border-right:1px solid #ccc;
}
select {
    width: 200px;
    margin: 10px 16px;
    outline: none;
    height: 30px;
    padding-left: 5px;
}

/*商品列表*/

.list-nav.w {
    width: 1160px;
    padding:20px;
    background: #fff;
    overflow: hidden;

}

.p-list-con li{
   float: left;
    margin: 10px 24px 10px 0px;
    width: 275px;
    overflow: hidden;
    background: #ccc;
    border: 1px solid #ccc;
    box-shadow: 2px 5px 10px #ccc;
}
.p-list-con li .icon{
        font-size: 25px;
    float: right;
}
.p-list-con li:nth-child(4n){
    margin-right: 0px;
}
.p-list-con li img{
    width: 100%;
}
span.list-lis-title {
        float: left;
    width: 80%;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
p.list-lis-name {
    float: left;
    line-height: 30px;
}
span.list-lis-location{
       float: left;
    font-size: 16px;
    line-height: 30px;
}
span.list-lis-distance{
    position: absolute;
    right: 8px;
    bottom: 0px;
    font-size: 16px;
    line-height: 30px;
    color: red;
}
span.list-lilsname-icon {
        margin-right: 7px;
    float: left;
    margin-top: 2px;
}
span.list-lilsname-icon .icon{
    font-size: 24px;
}

.p-list-con .list-lis-detail {
 height: 80px;
    padding: 10px 8px;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.p-list-con li a{
    display: block;
    height: 100%;
    width: 100%;
}